
<link rel='stylesheet' type='text/css' media="screen"  href='css/globalStyle.css' />

<script type="text/javascript">

function loadFriendNews() {
		$('#friend_content_wrapper').html("").load('friend_news.html');
}

function loadFriendPhotos() {
		$('#friend_content_wrapper').html("").load('friend_photos.html');
}

function loadFriendInfo() {
		$('#friend_content_wrapper').html("").load('friend_info.html');
}

function loadFriendVideos() {
		$('#friend_content_wrapper').html("").load('friend_videos.html');
}

function loadFriendMusic() {
		$('#friend_content_wrapper').html("").load('friend_music.html');
}

function loadFriendProducts() {
		$('#friend_content_wrapper').html("").load('friend_products.html');
}

function loadFriendAuctions() {
		$('#friend_content_wrapper').html("").load('friend_auctions.html');
}

</script>



<div id="friend_left">

	<div id="friend_main_pic"><img src="images/amanda_storrie_large.jpg" width="100" height="130" border="0"/></div>

</div>

<div id="friend_right">

	<div id="friend_name">
	Amanda Storrie
	</div>
	<div id="friend_menu">

	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendInfo);">Info</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendNews);">News</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendPhotos);">Photos</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendVideos);">Videos</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendMusic);">Music</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendProducts);">Products</a>
	<a href="#" style="padding-right:30px;" onclick="javascript:$(loadFriendAuctions);">Auctions</a>
	</div>

	<div id="friend_content_wrapper">

	<div class="row_wrapper"><div class="row_title" style="width:80px">Birthday:</div><div class="row_item" style="width:220px">19 April 1976</div><div class="row_title" style="width:140px">Relationship Status :</div><div class="row_item" style="width:160px">Single</div></div>
	<div class="row_wrapper"><div class="row_title" style="width:80px">Hometown:</div><div class="row_item" style="width:220px">Boston, UK</div><div class="row_title" style="width:140px">Works at:</div><div class="row_item" style="width:160px">Bank of America</div></div>
	<div class="row_wrapper"><div class="row_title" style="width:80px">Mojo:</div><div class="row_item" style="width:220px">80</div><div class="row_title" style="width:140px">Studied at:</div><div class="row_item" style="width:160px">Newcastle University</div></div>


	<div class="row_wrapper" style="margin-top:20px"><div class="row_title" style="width:100px">Expert in:</div></div>
	<div class="row_wrapper"><div class="row_item" style="width:500px"><a href="#">Law</a>, <a href="#">herbal medicine</a>, <a href="#">family advice</a></div></div>

	<div class="row_wrapper">&nbsp;</div>

	<div class="row_wrapper"><div class="row_title" style="width:180px">Amanda's Friends (133):</div></div>

	<div id="friend_images">
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_1.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_2.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
		<img src="images/generic_friend_3.jpg" width="50" height="50" alt="" style="margin:0 4px 4px 0"/>
	</div>

	</div>

</div>
